<template>
  <div class='zhanghucontainer'>
    <div class="topbanner">
      Educational Resources and Training
      <p>To help investors improve their trading skills and knowledge levels, GMG offers a wealth of educational resources, including online courses, market analysis reports, and trading strategy sharing. We also regularly hold online and offline training events to help you succeed in the foreign exchange market</p>
    </div>
    <div class="newsdetailbox">
      <p class="tagbox">HOME/Learning Center/{{state.dataInfo.title?state.dataInfo.title:'--'}}</p>
      <h3>{{state.dataInfo.title?state.dataInfo.title:'--'}}</h3>
      <p class="timetext">{{state.dataInfo.createTime?setTime(state.dataInfo.createTime):'0000-00-00'}}</p>
      <div class="newsdetailcontent" v-html="state.dataInfo.content?state.dataInfo.content:'--'">
        
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script lang='ts'>

  import { defineComponent, reactive, onMounted} from 'vue'
  import Footer from '@/components/footer.vue'
  import { useRoute } from 'vue-router'
  import moment from 'moment'
  export default defineComponent({

    name: 'PageNotFound',

    props: {},

    components: {
      Footer
    },

    setup() {
      let route = useRoute();
      const state = reactive({
        dataInfo:{}
      })

      onMounted(()=>{
        let query = route.query||{};
        state.dataInfo = query;
      })

      const setTime=(time=(new Date()))=>{
        return moment(time).format('YYYY年MM月DD日')
      }

      return {
        state,
        setTime
      }

    }

  })
</script>
<style lang="scss" scoped>
  @use './index';
</style>